<template>
  <div class="chart_canvas">
    <v-chart class="my-chart" :options="optionsData"/>
  </div>
</template>
<script>
import ECharts from 'vue-echarts'
import 'echarts/lib/chart/bar'
import 'echarts/lib/chart/graph'
// import 'echarts/lib/chart/scatter'
import 'echarts/lib/chart/heatmap'
//  模块
import 'echarts/lib/component/tooltip'
import 'echarts/lib/component/legend'
import 'echarts/lib/component/grid'
import 'echarts/lib/component/title.js'
import 'echarts/lib/component/visualMap'

export default {
  name: 'charts',
  components: {
    'v-chart': ECharts
  },
  props: {
    optionsData: {
      type: Object,
      default: () => {}
    }
  },
  data () {
    return {}
  }
}
</script>
<style>
.my-chart {
  width: 6rem!important;
  height: 4rem!important;
}
</style>
